﻿@import "variables.less";
@import "mixins.less";
@import "_nav.less";
@import "_tree.less";
@import "_customBootstrap.less";
@import "_common.less";


.fl {
  float: left;
}
.fr {
  float: right;
}
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}

.pl30 {
  padding-left: 30px;
}
.p15 {
  padding: 15px;
}
.pb10{
    padding-bottom:10px;
}
.p25 {
  padding: 25px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb24 {
  margin-bottom: 24px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb50{margin-bottom:50px;}
.mt20 {
  margin-top: 20px;
}
.mb10 {
  margin-bottom: 10px;
}
.mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mt10
{
    margin-top:10px;
}
.mt15
{
    margin-top:15px;
}
.pl20 {
    padding-left:20px;
}
.pt15
{
    padding-top: 15px;
}

.mb15
{
    margin-bottom:15px;
}



body
{
  background:#000 url(/Content/Admin/img/mosaic_noise.gif);color:@mainColor;   
  font-family:@font-family-base;padding-top:50px;
  .font-size(1.4);
}
a{
    color:@linkColor;
    &:hover{
        text-decoration: none;color:@hoverColor;
    }
}

.btn-action{
   padding:2px 6px;border-radius:2px;box-shadow:rgba(0,0,0,0.05) 0 -2px 3px inset;
}
.input-action{
    padding:3px;height:23px;
}

input,textarea,h3,h4{font-family:@font-family-base;}




.input-xmini{ width:32px;}

#tblProducts input{ margin:0;}

/* 头部导航 */
.sig-navbar{
    margin-bottom:0;position:absolute;z-index:50;top:0;left:0;width:100%;border-radius:0;border:none;box-shadow:rgba(0,0,0,0.3) 0 0 5px;
    .logo
        {
            background:url(/Content/Admin/img/logo.png) no-repeat left 4px;overflow:hidden;
            white-space:nowrap;text-indent:-5000px;width:170px;
        }
}


#wrapper
{
   position:relative;overflow:hidden;
}

.leftcol
{
  position: absolute;  width: 170px;  left:0;  float: left;  margin: 0;
  background-color:@gray-dark;height:100%;
}


.rightcol
{
  box-shadow:0 0 5px rgba(0,0,0,0.2);   
  margin:0 0 0 170px;
  position: relative;
  background-color: #ffffff;padding-bottom:50px;
  height:100%;
}





.toolbar{
    padding:0 10px 0 0;background-color:@gray-lighter;height:36px;line-height:36px;
    a.showmenu{
        color:@gray;display:block;height:36px;width:36px;text-align:center; background-color:#ddd;float:left;.font-size(2.2);
        &:hover{
             background-color:#ccc;color:@gray-dark;
        }
    }
    .breadcrumb{
        margin:0 0 0 45px;padding:0;background-color:transparent;
        a{
            color:@gray;
        }
    }
}




.main-content {
   padding-top:15px;
}


.box-fixed{
    position:fixed;width:100%;height:100%;margin:0;z-index:5000;top:0;left:0;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
    
}
// 重写bootstrap部分 start =====================================
.panel-footer .pagination{
    margin:0;
}


// validation start =====================================
.form-control.input-validation-error{
    border:@brand-danger 1px solid;
    box-shadow: inset 0 1px 1px  rgba(217, 83, 79, .15);
}
.field-validation-error{
    color:@brand-danger;line-height:34px;
}

.total{
    .icon{
        .font-size(4.8);text-align:center;
    }
}



footer#pagefooter
{
    text-align:center; padding:10px;  
      .font-size(1.2);position:absolute;bottom:0;left:0;width:100%;
    
     
}